<template>
    <div>
        <Header />
        <router-view>占位</router-view>
        <!--在登录和注册页面，不需要底部导航-->
        <Footer v-show="isHidden" />
    </div>
</template>

<script>
import Header from "@comp/Header";
import Footer from "@comp/Footer";
import { mapActions } from "vuex";

export default {
    name: "App",
    components: {
        Header,
        Footer,
    },
    methods: {
        // 获取分类列表
        ...mapActions("category", ["getCategoryList"]),
    },
    computed: {
        isHidden() {
            // return this.$route.path !== "/login" && this.$route.path !== "/register"; // 除了登录和注册页面，其他页面都需要底部导航
            return !this.$route.meta.isHidden; // 使用路由元信息，来判断是否显示底部导航
        },
    },
    mounted() {
        // 获取分类列表
        this.getCategoryList();
    },
};
</script>

<style lang="less"></style>
